.FoodPre {
  .BgTop {
    height: 490rpx;
    position: relative;
    overflow: hidden;

    .bgImg, .content {
      position: absolute;
      left: 0;
      top: 0;
    }

    .content {
      position: relative;
      padding: 60rpx;
      width: 100%;
      height: 100%;
      color: #FFFFFF;

      .title {
        font-size: 44rpx;
      }

      .subTitle {
        margin-top: 10rpx;
        font-size: 24rpx;
        font-weight: 300;
      }

      .food {
        position: absolute;
        bottom: 30rpx;
        left: 0;
        width: 100%;
        text-align: center;

        .time {
          width: 100%;
          color: #007DFF;

          .text {
            font-size: 35rpx;
            background-color: #FFFFFF;
            border-radius: 30rpx;
            padding: 12rpx 60rpx;
            font-weight: 400;
          }
        }
      }
    }
  }

  .Wrapper {
    .List {
      padding: 50rpx;

      .list-item {
        background: #FFFFFF;
        margin-bottom: 30rpx;
        border-radius: 20rpx;
        border: 0.05rem solid #707070;
        padding: 40rpx;

        .prodImg {
          width: 100%;
        }

        .content {
          font-weight: 500;

          .title {
            font-size: 50rpx;
          }

          .subTitle {
            color: #666666;
            font-size: 34rpx;
          }

          .note {
            font-size: 34rpx;
            color: #EB5838;
          }
        }
      }
    }
  }

  .popupHeader {
    padding: 40rpx;
    color: #333333;
    border-bottom: 1px solid #ddd;

    .left {
      font-size: 36rpx;
      font-weight: 500;
    }

    .right {
      .img {
        width: 30rpx;
        height: 30rpx;
      }

      .text {
        font-size: 24rpx;
        padding-left: 10rpx;
      }
    }
  }

  .popupEnd {
    $padding: 40rpx;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: $padding $padding 60rpx $padding;
    background-color: #FFFFFF;
    z-index: 2;

    .content {
      width: calc(100vw - $padding - $padding);
      height: 120rpx;
      margin: auto;
      padding: 0 $padding;
      background: #409EFF;
      border-radius: 60rpx;

      .left {
        position: relative;

        .icon {
          width: 68rpx;
          height: 50rpx;
        }

        .radius {
          position: absolute;
          right: -6rpx;
          top: -6rpx;
          font-size: 12rpx;
          border-radius: 50%;
          width: 36rpx;
          height: 36rpx;
          background-color: #f56c6c;
          padding: 2rpx;
          color: #FFFFFF;
        }
      }

      .right {
        color: #FFFFFF;
        font-size: 38rpx;
        font-weight: 500;
        padding-right: 10rpx;
      }
    }
  }

}

